
.all-box {
  border: 1px solid red;
}

// ========文本样式========
.text-bold {
  font-weight: bold;
}

// ========盒子阴影========
$uni-shadow-sm: 0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
$uni-shadow-base: 0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
$uni-shadow-lg: 0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);

.shadow-sm {
  box-shadow: $uni-shadow-sm;
}

// ========盒子阴影========
$uni-shadow-sm: 0 0 5px rgba($color: #d8d8d8, $alpha: 0.5);
$uni-shadow-base: 0 1px 8px 1px rgba($color: #a5a5a5, $alpha: 0.2);
$uni-shadow-lg: 0px 1px 10px 2px rgba($color: #a5a4a4, $alpha: 0.5);


/* ====== 通用flex布局start ====== */
.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-row-bt {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.flex-row-st {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.flex-row-ec {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.flex-row-ct {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.flex-row-ac {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.flex-column-c {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-column-st {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.flex-column-ss {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-column-sb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

.flex-column-bc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

/* ====== 通用flex布局end ====== */

//文本隐藏
.text-overhidden-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; // 控制多行的行数
  -webkit-box-orient: vertical;
}

.text-overhidden-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; // 控制多行的行数
  -webkit-box-orient: vertical;
}
